import { SVG } from "@libs/svg.js-3.2.0/build/svg.esm.js";
import svgRawContent from "./yc.svg?raw";
import { initializeYCSVGPack } from "./ycsvg";
import { now, FrameLoopMachine } from '@src/utils/FrameLoopMachine.js'

window.addEventListener("load", async () => {

    const domElement = document.querySelector("#drawing");
    const craneSVGPack = await initializeYCSVGPack(domElement, svgRawContent);
    const {
        draw,
        remove,
        reset,

        setTrolleyX,
        setTrolleyY,
        setTrolleyContainerVisiable,
        setLaneTrunkVisiable,
        setLaneTrunkContainerVisiable,
        setYardContainerStatus,

    } = craneSVGPack;

    draw.viewbox(0, 0, 563, 546);
    draw.attr({ width: 563 });

    reset();

    setLaneTrunkVisiable(true);
    setLaneTrunkContainerVisiable(true);
    setTrolleyContainerVisiable(false);

    // let trolleyRailcarCoord = 0; // 接口返回的小车在轨道上的坐标
    // let trolleyToGround = 8; // 接口返回的抓斗距离地面高度
    // setTimeout(() => {
    //     setLaneTrunkContainerVisiable(false);
    //     setTrolleyContainerVisiable(true);
    //     setYardContainerStatus(1, 5);

    //     setInterval(() => {
    //         if (trolleyRailcarCoord < 18) {
    //             trolleyRailcarCoord += 0.3;
    //             setTrolleyX(trolleyRailcarCoord);
    //         }
    //         if (trolleyToGround < 25) {
    //             trolleyToGround += 1;
    //             setTrolleyY(trolleyToGround);
    //         }
    //     }, 300); // 每300毫秒更新一次

    // }, 1000);

    // 最高18 最低5 / 3
    // 01   02  03  04   05
    // 3.57 6.5 9.3 12.1 15

    setTrolleyX(3.57)
    // setTrolleyX(18)
    setTrolleyY(5.182)
    // setTrolleyY(18)

});